<!DOCTYPE html>
<!--[if IE 6]><html class="ie lt-ie8"><![endif]-->
<!--[if IE 7]><html class="ie lt-ie8"><![endif]-->
<!--[if IE 8]><html class="ie ie8"><![endif]-->
<!--[if IE 9]><html class="ie ie9"><![endif]-->
<!--[if !IE]><!--> <html> <!--<![endif]-->

<!-- url : "http://ziti3.com/qrcode/q/56/515", -->
<!-- http://cdn2.ziti3.com/qrcode/uploaded/6b/08/6b7a527c8b466295d06784bfd105.txt -->

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no, viewport-fit=cover">

  <!-- Start of Baidu Transcode -->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta name="applicable-device" content="pc,mobile">
  <meta name="MobileOptimized" content="width"/>
  <meta name="HandheldFriendly" content="true"/>
  <link rel="stylesheet" type="text/css" href="http://cdn2.ziti4.com/qrcode/css/article-common.css">
<link rel="stylesheet" type="text/css" href="http://cdn2.ziti4.com/qrcode/css/article.css">
  <link rel="stylesheet" type="text/css" href="http://cdn2.ziti4.com/qrcode/css/article_new.css">

  <!-- Apple -->
  <meta name="apple-mobile-web-app-title" content="你">

  <!--  Meta for Smart App Banner -->
  <meta name="apple-itunes-app" content="app-id=1262950947">
  <!-- End -->

<title>正版（安卓无人直播）APP使用手册</title>    <script src="http://cdn2.ziti4.com/qrcode/js/jquery.js">
    </script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script>
    <script src="http://cdn2.ziti4.com/qrcode/js/common4.js" type="text/javascript"></script>
    <script src="http://cdn2.ziti4.com/qrcode/js/lazyload.js" type="text/javascript"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=e42f734d11bc3d0404e87e2ea0b23de0" type="text/javascript"></script>
</head>

  <body lang="zh-CN">

  <div style="min-height:100vh;">
    <div id="container" style="padding-bottom:70px;">
    </div>
  </div>

  <div style="display:flex;align-items:center;height:40px;justify-content:space-between;">

    <div>
    </div>

    <div id="logo" style="display:inline-block;text-align:center;height:40px;color:#666666;font-size:x-small;">
      由<a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.mike.erweima" style="color:#333333">你</a>制作
    </div>

    <div style="display:inline-block;height:40px;margin-right:20px;color:#333333;font-size:small;">
      <a style="color:#333333;font-size:small;" href="javascript:jubao()">
    </div>

  </div>

<!--   <div id="logo" style="text-align:center;width:100%;height:40px;margin-top:-40px;color:#666666;font-size:x-small;display:flex;display: -webkit-flex;align-items:center;">
    由<a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.mike.erweima" style="color:#333333">
  </div> -->

    <script>

    var logo = $("#logo");

    var targetUrl = "http://cdn2.ziti7.com//qrcode/uploaded2/37/93/94ss/38/f62851471456feb5bf319e610c1307.art";var urlId = "2817240";logo.hide();
    $(document).ready(function() {
        $.ajax({
            url : targetUrl,
            dataType: "text",
            success : function (data) {
                $("#container").html(data);
                $("#container").ready(function(){
                  initImagePreview();
                  initMap();
                  initVideo();
                  $("img.lazy").lazyload({effect: "fadeIn"});
                });
            },
            crossDomain: true
        });
       });


    function initMapView(mapContainer)
    {
      var lontitude = $(mapContainer).attr('data-lon');
      var latitude = $(mapContainer).attr('data-la');
      var title = $(mapContainer).attr('data-title');
      $(mapContainer).height($(window).width()*3/5);
      var id = $(mapContainer).attr('id');
      var map = new AMap.Map(mapContainer, {
                zoom: 17,
                center:[lontitude,latitude]
            });

      var marker = new AMap.Marker({
          position: new AMap.LngLat(lontitude,latitude),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
          title: title
      });
      map.add(marker);

      marker.on('click',function(e){
          marker.markOnAMAP({
              position:marker.getPosition()
          })
      });

      $(mapContainer).on('click',function(e){
          marker.markOnAMAP({
              position:marker.getPosition()
          })
      });
    }

    function initVideo()
    {
      var videos = document.getElementsByTagName('video');
      for (var i = videos.length - 1; i >= 0; i--) {
          (function(){
              var p = i;
              videos[p].setAttribute("controlslist", "nodownload");
              videos[p].addEventListener('play',function(){
                  pauseAll(p);
              })
          })()
      }
      function pauseAll(index){
          for (var j = videos.length - 1; j >= 0; j--) {
              if (j!=index) videos[j].pause();
          }
      };
    }

    function initMap()
    {
      var mapContainers = $(".map_container");
      console.log(mapContainers);
      for (var i = 0; i < mapContainers.length; i++)
      {
        initMapView(mapContainers[i]);
      }
    }

    function jubao()
    {
      $.ajax({
        url:"http://"+window.location.host+"/qrcode/content/url_report.php",
        type: "POST",
        data:"url_id="+urlId,
        success: function (data) {
            var dic = JSON.parse(data);
            if (dic.succ == 1)
            {
              alert("举");
              return;
            }
        }
      });
    }

    </script>

  </body>

 </html>